body { margin: 0 auto; overflow-x: hidden; min-width: 320px; font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"; }

.non { display: none; }

.non-important { display: none !important; }

.sub-title { font-size: 16px; padding-left: 10px; }

.zx40 { padding: 40px 0; }

.noscroll, .noscroll body { overflow: hidden; }

.noscroll body { position: relative; }

.container { max-width: 1200px; margin: 0 auto; height: 100%; position: relative; }

/* .login .container{ max-width: inherit; padding: 0 45px; } */
.box-padding { padding-top:80px; padding-bottom: 18px; overflow: hidden; }

.index-solution .solution-container { padding-top: 80px; }

/* $x2xMove : 150px; $x2xMoveTime : 0.5s; .left2right , .right2left , .top2bottom , .bottom2top{ //transition: all $x2xMoveTime ease-in-out; -webkit-transition: all $x2xMoveTime ease-in-out; -moz-transition: all $x2xMoveTime ease-in-out; -ms-transition: all $x2xMoveTime ease-in-out; -o-transition: all $x2xMoveTime ease-in-out; transition: all $x2xMoveTime ease-in-out; opacity: 0; &.on{ //transition: all $x2xMoveTime ease-in-out; -webkit-transition: all $x2xMoveTime ease-in-out; -moz-transition: all $x2xMoveTime ease-in-out; -ms-transition: all $x2xMoveTime ease-in-out; -o-transition: all $x2xMoveTime ease-in-out; transition: all $x2xMoveTime ease-in-out; //transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); opacity: 1; } } .left2right{ //transform: translate(-$x2xMove,0); -webkit-transform: translate(-$x2xMove,0); -moz-transform: translate(-$x2xMove,0); -ms-transform: translate(-$x2xMove,0); -o-transform: translate(-$x2xMove,0); transform: translate(-$x2xMove,0); } .right2left{ //transform: translate($x2xMove,0); -webkit-transform: translate($x2xMove,0); -moz-transform: translate($x2xMove,0); -ms-transform: translate($x2xMove,0); -o-transform: translate($x2xMove,0); transform: translate($x2xMove,0); } .top2bottom{ //transform: translate(0,-$x2xMove); -webkit-transform: translate(0,-$x2xMove); -moz-transform: translate(0,-$x2xMove); -ms-transform: translate(0,-$x2xMove); -o-transform: translate(0,-$x2xMove); transform: translate(0,-$x2xMove); } .bottom2top{ //transform: translate(0,$x2xMove); -webkit-transform: translate(0,$x2xMove); -moz-transform: translate(0,$x2xMove); -ms-transform: translate(0,$x2xMove); -o-transform: translate(0,$x2xMove); transform: translate(0,$x2xMove); } */
.content-btn { width: 160px; height: 40px; display: table; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid #00c3ff; margin: 40px auto 0; }

.content-btn span { font-size: 16px; color: #00c3ff; display: table-cell; vertical-align: middle; }

.content-btn.on { background: #ff9600 !important; border: 1px solid #ff9600 !important; }

.content-btn.on span { color: #fff !important; }

.content-btn:hover { background: #ff9600; border: 1px solid #ff9600; }

.content-btn:hover span { color: #fff; }

canvas { position: absolute; top: 0; }

.footer { color: #dfdfdf; overflow: hidden; position: relative; background: #17192f; }

.footer .pg-canvas { position: absolute; }

.footer .top { padding: 50px 0; overflow: hidden; position: relative; z-index: 2; }

.footer .top .line { position: absolute; right: 0; width: 1px; height: 150px; background: #333548; }

.footer .top .l { float: left; width: 35%; position: relative; }

.footer .top .l .item { padding-bottom: 30px; }

.footer .top .l .item .icon { display: inline-block; width: 34px; height: 34px; background: url("../images/footer-l-icon-1.png") no-repeat center; }

.footer .top .l .item .icon.email { background: url("../images/footer-l-icon-2.png") no-repeat center; }

.footer .top .l .item .icon.weizhi { background: url("../images/footer-l-icon-3.png") no-repeat center; }

.footer .top .l .item .text { display: inline-block; line-height: 1; padding-left: 15px; }

.footer .top .l .item .text a { color: #dfdfdf; }

.footer .top .l .item .text .tip { opacity: 0.5; font-size: 14px; padding-bottom: 8px; }

.footer .top .l .item .text .num { font-size: 16px; }

.footer .top .c { width: 63%; float: left; overflow: hidden; position: relative; text-align: center; }

.footer .top .c dl { display: inline-block; text-align: left; vertical-align: top; margin-right: 24px; }

.footer .top .c dl dt { font-size: 14px; padding-bottom: 15px; }

.footer .top .c dl dd { padding: 8px 0; }

.footer .top .c dl dd a { font-size: 12px; color: #dfdfdf; opacity: 0.5; }

.footer .top .c dl dd a:hover { background-image: -webkit-gradient(linear, left top, right bottom, from(#00c2e1), to(#0064f2)); background-image: -webkit-linear-gradient(left top, #00c2e1, #0064f2); background-image: -moz- oldlinear-gradient(left top, #00c2e1, #0064f2); background-image: -o-linear-gradient(left top, #00c2e1, #0064f2); background-image: linear-gradient(to right bottom, #00c2e1, #0064f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 1; }

.footer .top .r { float: left; width: 24%; text-align: right; }

.footer .top .r .qrcode { text-align: center; }

.footer .top .r .qrcode .wechat-qrcode, .footer .top .r .qrcode .weibo-qrcode { display: inline-block; }

.footer .top .r .qrcode .wechat-qrcode .pic img, .footer .top .r .qrcode .weibo-qrcode .pic img { width: 100%; }

.footer .top .r .qrcode .wechat-qrcode .text, .footer .top .r .qrcode .weibo-qrcode .text { text-align: center; padding-top: 18px; font-size: 14px; }

.footer .copyright { padding: 30px 0; background: #141529; text-align: center; }

.footer .copyright .link { padding-bottom: 15px; }

.footer .copyright .link a { display: inline-block; font-size: 12px; padding-left: 18px; margin: 0 13px; opacity: 0.6; color: #8E8E96; background: url("../images/icon-dot.png") no-repeat left center; }

.footer .copyright .text { font-size: 12px; opacity: 0.6; }

.mobile-hover { position: fixed; z-index: 10; display: none; width: 100%; height: 100%; background: #17192f; }

.header { height: 80px; position: absolute; top: 0; background: #fff; text-align: center; width: 100%; z-index: 999; }

.header.login { background: #0b0d1c; }

.header .logo { width: 205px; height: 80px; float: left; display: table; }

.header .logo a { display: table-cell; vertical-align: middle; }

.header .logo img { width: 100%; height: auto; }

.header .nav { display: inline-block; height: 80px; position: relative; z-index: 999; }

.header .nav .cur { opacity: 0; bottom: 0; left: 0; position: absolute; width: 100px; height: 2px; background: #ffb200; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 9; }

.header .nav ul { display: inline-block; position: relative; z-index: 20; /* li.on{ border-bottom:2px solid #ffb200; a{ span{ background-image: -webkit-gradient(linear, left 0, right 0, from(rgba(0, 195, 225, 1)), to(rgba(0, 100, 242, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #22c4fc; } } } */ }

.header .nav ul li { display: block; height: 78px; margin: 0 2px; float: left; position: relative; }

.header .nav ul li a { color: #dfdfdf; font-size: 14px; padding: 0 20px; height: 80px; display: table; }

.header .nav ul li a span { display: table-cell; vertical-align: middle; color: #000; font-size: 16px; }

.header .nav ul li .nav-child-list { position: absolute; top: 80px; left: -10px; display: none; width: auto; background: url("../images/nav-bg.png") repeat; }

.header .nav ul li .nav-child-list .nav-child-list-con { text-align: center; padding: 10px 10px; }

.header .nav ul li .nav-child-list .nav-child-list-con dl { display: inline-block; width: auto; padding: 0 20px; vertical-align: top; position: relative; }

.header .nav ul li .nav-child-list .nav-child-list-con dl i { display: inline-block; width: 1px; height: 120px; background: #2a314e; position: absolute; top: 15px; right: 0; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt { padding: 10px 0; text-align: left; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt a { display: inline-block; font-size: 14px; color: #dfdfdf; padding: 0; width: auto; height: auto; white-space: nowrap; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt:hover a { background-image: -webkit-gradient(linear, left top, right bottom, from(#00c2e1), to(#0064f2)); background-image: -webkit-linear-gradient(left top, #00c2e1, #0064f2); background-image: -moz- oldlinear-gradient(left top, #00c2e1, #0064f2); background-image: -o-linear-gradient(left top, #00c2e1, #0064f2); background-image: linear-gradient(to right bottom, #00c2e1, #0064f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dd { padding: 5px 0; text-align: left; padding-left: 10px; margin-left: -6px; background: url("../images/ai-icon026.png") no-repeat left 19px; -webkit-background-size: 5px 5px; -moz-background-size: 5px; background-size: 5px; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dd a { display: inline-block; font-size: 14px; color: #dfdfdf; padding: 0; width: auto; height: auto; vertical-align: sub; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dd:hover a { background-image: -webkit-gradient(linear, left top, right bottom, from(#00c2e1), to(#0064f2)); background-image: -webkit-linear-gradient(left top, #00c2e1, #0064f2); background-image: -moz- oldlinear-gradient(left top, #00c2e1, #0064f2); background-image: -o-linear-gradient(left top, #00c2e1, #0064f2); background-image: linear-gradient(to right bottom, #00c2e1, #0064f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header .nav ul li.on { border-bottom: 2px solid #ffb200; }

.header .nav ul li.on a span { background-image: none; color: #22c4fc; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .header .nav ul li:hover, .header .nav ul li.on { border-bottom: 2px solid #ffb200; }
  .header .nav ul li:hover a span, .header .nav ul li.on a span { background-image: -webkit-gradient(linear, left top, right bottom, from(#00c2e1), to(#0064f2)); background-image: -webkit-linear-gradient(left top, #00c2e1, #0064f2); background-image: -moz- oldlinear-gradient(left top, #00c2e1, #0064f2); background-image: -o-linear-gradient(left top, #00c2e1, #0064f2); background-image: linear-gradient(to right bottom, #00c2e1, #0064f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } }

.header .nav ul li:nth-child(2) .f { -webkit-background-size: 10px 10px; -moz-background-size: 10px; background-size: 10px; }

.header .nav ul li:nth-child(2) .nav-child-list { width: 330px; left: -22px; }

.header .nav ul li:nth-child(3) .f { -webkit-background-size: 10px 10px; -moz-background-size: 10px; background-size: 10px; }

.header .nav ul li:nth-child(3) .nav-child-list { min-width: 115px; }

.header .nav ul li:nth-child(3) .nav-child-list .nav-child-list-con { text-align: center; }

.header .nav ul li:nth-child(4) .f { -webkit-background-size: 10px 10px; -moz-background-size: 10px; background-size: 10px; }

.header .nav ul li:nth-child(4) .nav-child-list { width: 140px; left: -22px; }

.header .nav ul li:nth-child(5) .f { -webkit-background-size: 10px 10px; -moz-background-size: 10px; background-size: 10px; }

.header .nav ul li:nth-child(5) .nav-child-list { left: -22px; }

.header .nav ul li:nth-child(6) .f { -webkit-background-size: 10px 10px; -moz-background-size: 10px; background-size: 10px; }

.header .nav ul li:nth-child(6) .nav-child-list { width: 140px; left: -6px; }

.header .nav ul li:nth-child(7) .f { -webkit-background-size: 10px 10px; -moz-background-size: 10px; background-size: 10px; }

.header .nav ul li:nth-child(7) .nav-child-list { left: -35px; }

.header .btn { float: right; padding-top: 22px; }

.header .btn .btn-a { float: left; margin-left: 10px; position: relative; }

.header .btn .btn-a .anBtn { width: 80px; height: 37px; line-height: 37px; text-align: center; color: #dfdfdf; float: left; font-size: 14px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid #fff; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; z-index: 8; }

.header .btn .btn-a .anBtn:hover { border: 1px solid #ff9600; background: #ff9600; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #fff; }

.header .btn .btn-a ul { display: none; position: absolute; top: 38px; left: 0; width: 120px; background: #17192f; }

.header .btn .btn-a ul li { text-align: left; margin: 14px 0; }

.header .btn .btn-a ul li a { display: inline-block; font-size: 14px; color: #dfdfdf; padding: 0 10px; }

.header .btn .btn-a ul li:hover a { background-image: -webkit-gradient(linear, left top, right bottom, from(#00c2e1), to(#0064f2)); background-image: -webkit-linear-gradient(left top, #00c2e1, #0064f2); background-image: -moz- oldlinear-gradient(left top, #00c2e1, #0064f2); background-image: -o-linear-gradient(left top, #00c2e1, #0064f2); background-image: linear-gradient(to right bottom, #00c2e1, #0064f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header .btn .btn-a:hover ul { display: block; }

.header .btn#userInfoFix { color: #dfdfdf; font-size: 14px; padding: 0; line-height: 78px; }

.header .btn#userInfoFix .username { max-width: 160px; display: inline-block; overflow-x: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.header .btn#userInfoFix ul { line-height: 25px; top: 50px; }

.header .mobile-btn { display: none; width: 40px; height: 40px; margin-top: 20px; background: #000; float: right; background: url("../images/menu.png") no-repeat center; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.header .mobile-btn.on { background: url("../images/close.png") no-repeat center; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.member-bg { width: 100%; height: 100%; max-height: 820px; position: relative; overflow: hidden; margin-top: 80px; background: url("../images/login-bg.jpg") no-repeat center bottom #0e0d20; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; }

.member-bg .log-bgImg { max-width: inherit; }

.member-bg .login-data-wrap { width: 100%; height: 100%; display: table; top: 0; }

.member-bg .login-data-wrap .l-wrap { display: table-cell; vertical-align: middle; }

.member-bg .login-data-wrap .login-Signin { width: 400px; background: #fff; padding: 30px; margin: 35px auto; top: 40px; left: 50%; }

.member-bg .login-data-wrap .login-Signin h2 { font-size: 20px; color: #333; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }

.member-bg .login-data-wrap .login-Signin .spline { display: block; width: 28px; height: 2px; background: #00c3fd; margin-top: -1px; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form { width: 100%; margin-top: 40px; position: relative; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form span#errTip { position: absolute; right: 0; top: -25px; font-size: 14px; color: red; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form p { width: 100%; margin-bottom: 20px; margin-left: -1px; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form p .log-hd-int { width: 100%; height: 40px; font-size: 14px; line-height: 40px; text-indent: 20px; border: 1px solid #e6e6e6; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form p .log-yzm { width: 70%; height: 40px; font-size: 14px; line-height: 40px; border: 1px solid #e6e6e6; text-indent: 20px; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form p img { display: inline-block; width: 108px; height: 40px; float: right; border: 1px solid #e6e6e6; cursor: pointer; margin-right: -2px; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form .signinBtn { display: block; font-size: 16px; color: #fff; width: 60%; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #ff9600; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; outline: none; cursor: pointer; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form .signinBtn.no-click { background: #a0a0a0; cursor: default; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form .signin-choose { width: 100%; text-align: center; padding: 20px 0 10px; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form .signin-choose span { display: inline-block; margin: 0 10px; color: #999; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form .signin-choose a { display: inline-block; font-size: 14px; color: #999; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form .signin-choose a.on { color: #00c3fd; }

.member-bg .login-data-wrap .login-Signin .login-Signin-form .signin-choose a:hover { color: #00c3fd; }

.member-bg .login-data-wrap .Login-pass { width: 400px; background: #fff; padding: 30px; margin: 35px auto; top: 40px; left: 50%; }

.member-bg .login-data-wrap .Login-pass h2 { font-size: 20px; color: #333; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }

.member-bg .login-data-wrap .Login-pass .spline { display: block; width: 28px; height: 2px; background: #00c3fd; margin-top: -1px; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form { width: 100%; margin-top: 40px; position: relative; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form span#errTip { position: absolute; right: 0; top: -25px; font-size: 14px; color: red; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form p { width: 100%; margin-bottom: 20px; margin-left: -1px; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form p input { width: 100%; height: 40px; font-size: 14px; line-height: 40px; text-indent: 20px; border: 1px solid #e6e6e6; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form p .log-yzm { float: left; width: 73%; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form p img { display: block; float: right; width: 90px; border: 1px solid #e6e6e6; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form p img.img-code { cursor: pointer; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form .RetrieveBtn { display: block; font-size: 16px; color: #fff; width: 60%; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #ff9600; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; outline: none; cursor: pointer; }

.member-bg .login-data-wrap .Login-pass .Login-pass-form .RetrieveBtn.no-click { background-color: #a0a0a0; cursor: default; }

.member-bg .login-data-wrap .Login-pass .yzc { font-size: 14px; color: #999; margin-top: 20px; text-align: center; }

.member-bg .login-data-wrap .Login-pass .yzc a { color: #00c3fd; }

.member-bg .login-data-wrap .login-Verification { display: none; width: 400px; background: #fff; padding: 30px; margin: 35px auto; top: 40px; left: 50%; }

.member-bg .login-data-wrap .login-Verification h2 { font-size: 20px; color: #333; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }

.member-bg .login-data-wrap .login-Verification .spline { display: block; width: 28px; height: 2px; background: #00c3fd; margin-top: -1px; }

.member-bg .login-data-wrap .login-Verification .cation-txt { width: 100%; margin-top: 20px; }

.member-bg .login-data-wrap .login-Verification .cation-txt h3 { font-size: 32px; color: #666; font-weight: normal; }

.member-bg .login-data-wrap .login-Verification .cation-txt .t { font-size: 16px; color: #666; margin-top: 6px; line-height: 24px; }

.member-bg .login-data-wrap .login-Verification .cation-txt .t a { color: #00c3fd; }

.member-bg .login-data-wrap .login-Verification .cation-txt .mailK { display: block; font-size: 16px; color: #fff; width: 60%; height: 40px; text-align: center; line-height: 40px; margin: 20px auto; background: #ff9600; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; outline: none; cursor: pointer; }

.member-bg .login-data-wrap .login-Verification .cation-txt .b { font-size: 16px; color: #666; margin-top: 6px; line-height: 24px; }

.member-bg .login-data-wrap .login-Verification .cation-txt .b span { display: block; padding-left: 14px; background: url("../images/ai-icon015.png") no-repeat left center; }

.member-bg .login-data-wrap .login-Verification .cation-txt .b span a { color: #00c3fd; }

.member-bg .login-data-wrap .login-Verification .cation-txt .b span.send-email-tip { display: none; }

.member-bg .login-data-wrap .login-yj { width: 400px; background: #fff; padding: 30px; margin: 40px auto; }

.member-bg .login-data-wrap .login-yj h2 { font-size: 20px; color: #333; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }

.member-bg .login-data-wrap .login-yj .spline { display: block; width: 28px; height: 2px; background: #00c3fd; margin-top: -1px; }

.member-bg .login-data-wrap .login-yj .login-yj-txt { width: 100%; margin-top: 20px; }

.member-bg .login-data-wrap .login-yj .login-yj-txt h3 { font-size: 32px; color: #666; font-weight: normal; }

.member-bg .login-data-wrap .login-yj .login-yj-txt .yj-t { font-size: 16px; color: #666; margin-top: 6px; line-height: 24px; }

.member-bg .login-data-wrap .login-yj .login-yj-txt .yj-t a { color: #00c3fd; }

.member-bg .login-data-wrap .login-yj .login-yj-txt .yj-mailK { display: block; font-size: 16px; color: #fff; width: 60%; height: 40px; text-align: center; line-height: 40px; margin: 20px auto; background: #ff9600; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; outline: none; cursor: pointer; }

.member-bg .login-data-wrap .login-yj .login-yj-txt .yj-b { font-size: 16px; color: #666; margin-top: 6px; line-height: 24px; }

.member-bg .login-data-wrap .login-yj .login-yj-txt .yj-b span { display: block; padding-left: 14px; background: url("../images/ai-icon015.png") no-repeat left center; }

.member-bg .login-data-wrap .login-yj .login-yj-txt .yj-b span a { color: #00c3fd; }

.member-bg .login-data-wrap .login-yj .login-yj-txt .yj-b span.send-email-tip { display: none; }

.member-bg .login-data-wrap .login-data-con { width: 400px; background: #fff; padding: 30px; margin: 35px auto; }

.member-bg .login-data-wrap .login-data-con h2 { font-size: 20px; color: #333; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }

.member-bg .login-data-wrap .login-data-con span { display: block; width: 28px; height: 2px; background: #00c3fd; margin-top: -1px; }

.member-bg .login-data-wrap .login-data-con .login-check { width: 100%; margin-top: 20px; position: relative; }

.member-bg .login-data-wrap .login-data-con .login-check span { display: block; width: auto; height: auto; background: none; font-size: 14px; color: #333; position: absolute; top: 0; left: 0; }

.member-bg .login-data-wrap .login-data-con .login-check p { padding-left: 50px; }

.member-bg .login-data-wrap .login-data-con .login-check p a { display: block; font-size: 14px; color: #333; margin: 6px 0; }

.member-bg .login-data-wrap .login-data-con .login-check p a i { display: inline-block; float: left; width: 13px; height: 13px; margin-top: 3px; margin-right: 6px; background: url("../images/sprite.png") no-repeat; background-position: -46px -51px; }

.member-bg .login-data-wrap .login-data-con .login-check p a.on i { background-position: -66px -51px; }

.member-bg .login-data-wrap .login-data-con .login-data-form { width: 100%; margin-top: 20px; }

.member-bg .login-data-wrap .login-data-con .login-data-form p { width: 100%; margin-bottom: 20px; margin-left: -1px; position: relative; }

.member-bg .login-data-wrap .login-data-con .login-data-form p input { float: left; }

.member-bg .login-data-wrap .login-data-con .login-data-form p span { position: absolute; bottom: -20px; height: 20px; line-height: 20px; padding-left: 5px; font-size: 12px; width: auto; background: none; }

.member-bg .login-data-wrap .login-data-con .login-data-form p span.form-item-error { color: red; }

.member-bg .login-data-wrap .login-data-con .login-data-form p .log-hd-int { width: 84%; height: 40px; font-size: 14px; line-height: 40px; border: 1px solid #e6e6e6; padding-left: 12%; padding-right: 4%; }

.member-bg .login-data-wrap .login-data-con .login-data-form p .log-yzm { width: 58%; height: 40px; font-size: 14px; line-height: 40px; border: 1px solid #e6e6e6; padding-left: 12%; }

.member-bg .login-data-wrap .login-data-con .login-data-form p img { display: inline-block; width: 108px; height: 40px; float: right; border: 1px solid #e6e6e6; cursor: pointer; margin-right: -2px; }

.member-bg .login-data-wrap .login-data-con .login-data-form p i { display: inline-block; width: 22px; height: 22px; position: absolute; top: 50%; left: 10px; margin-top: -11px; background: url("../images/xf-contentIcon.png") no-repeat; }

.member-bg .login-data-wrap .login-data-con .login-data-form p .int01 { background-position: 0 -66px; }

.member-bg .login-data-wrap .login-data-con .login-data-form p .int02 { background-position: 0 -44px; }

.member-bg .login-data-wrap .login-data-con .login-data-form p .int03 { background-position: 0 -110px; }

.member-bg .login-data-wrap .login-data-con .login-data-form p .int04 { background-position: 0 -110px; }

.member-bg .login-data-wrap .login-data-con .login-data-form p .int05 { background-position: 0 -137px; }

.member-bg .login-data-wrap .login-data-con .agreement { margin-top: 30px; }

.member-bg .login-data-wrap .login-data-con .agreement p { font-size: 14px; color: #333; padding-left: 20px; background: url("../images/login-check2.jpg") no-repeat left 2px; cursor: pointer; }

.member-bg .login-data-wrap .login-data-con .agreement p a { color: #00c3fd; }

.member-bg .login-data-wrap .login-data-con .agreement p span { width: auto; background: none; margin-top: 3px; }

.member-bg .login-data-wrap .login-data-con .agreement p span.form-item-error { color: red; }

.member-bg .login-data-wrap .login-data-con .agreement p.checked { background: url("../images/login-check.jpg") no-repeat left 2px; }

.member-bg .login-data-wrap .login-data-con .log-register-btn { width: 100%; margin-top: 30px; }

.member-bg .login-data-wrap .login-data-con .log-register-btn input { display: block; font-size: 16px; color: #fff; width: 60%; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #ff9600; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; outline: none; cursor: pointer; }

.member-bg .login-data-wrap .login-data-con .log-register-btn input.no-click { background-color: #a0a0a0; cursor: default; }

.member-bg .login-data-wrap .login-data-con .log-register-btn input.disabled { background-color: #a0a0a0; cursor: default; }

.member-bg .login-data-wrap .login-data-con .log-nowsign { width: 100%; text-align: center; margin-top: 20px; }

.member-bg .login-data-wrap .login-data-con .log-nowsign p { font-size: 14px; color: #999; }

.member-bg .login-data-wrap .login-data-con .log-nowsign p a { color: #00c3fd; }

.member-bg .login-data-wrap #djs_num { color: #F76533; }

.member-bg .login-data-wrap .Reset-pass-form { width: 100%; margin-top: 20px; }

.member-bg .login-data-wrap .Reset-pass-form p { width: 100%; margin-bottom: 20px; margin-left: -1px; position: relative; }

.member-bg .login-data-wrap .Reset-pass-form p input { width: 100%; height: 40px; font-size: 14px; line-height: 40px; text-indent: 20px; border: 1px solid #e6e6e6; }

.member-bg .login-data-wrap .Reset-pass-form p span { position: absolute; bottom: -20px; height: 20px; line-height: 20px; padding-left: 5px; font-size: 12px; width: auto; background: none; }

.member-bg .login-data-wrap .Reset-pass-form p span.form-item-error { color: red; }

.member-bg .login-data-wrap .Reset-pass-form p .log-hd-int { width: 84%; height: 40px; font-size: 14px; line-height: 40px; border: 1px solid #e6e6e6; padding-left: 12%; padding-right: 4%; }

.member-bg .login-data-wrap .Reset-pass-form p .log-yzm { width: 58%; height: 40px; font-size: 14px; line-height: 40px; border: 1px solid #e6e6e6; padding-left: 12%; }

.member-bg .login-data-wrap .Reset-pass-form p img { display: inline-block; width: 108px; height: 40px; float: right; border: 1px solid #e6e6e6; cursor: pointer; margin-right: -2px; }

.member-bg .login-data-wrap .Reset-pass-form p i { display: inline-block; width: 22px; height: 22px; position: absolute; top: 50%; left: 10px; margin-top: -11px; background: url("../images/xf-contentIcon.png") no-repeat; }

.member-bg .login-data-wrap .Reset-pass-form p .int01 { background-position: 0 -66px; }

.member-bg .login-data-wrap .Reset-pass-form p .int02 { background-position: 0 -44px; }

.member-bg .login-data-wrap .Reset-pass-form p .int03 { background-position: 0 -110px; }

.member-bg .login-data-wrap .Reset-pass-form p .int04 { background-position: 0 -110px; }

.member-bg .login-data-wrap .Reset-pass-form p .int05 { background-position: 0 -137px; }

.member-bg .login-data-wrap .Reset-pass-form .ResetBtn { display: block; font-size: 16px; color: #fff; width: 60%; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #ff9600; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; outline: none; cursor: pointer; margin-top: 35px; }

.login-seek { display: none; position: fixed; top: 80%; right: 20px; z-index: 99; }

.login-seek .consul { display: block; width: 87px; padding-top: 110px; background: url("../images/login-seek.png") no-repeat top center; -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; }

.login-seek .consul span { display: block; width: 75px; font-size: 16px; color: #dfdfdf; background: #0583f2; text-align: center; padding: 16px 0; margin: 0 auto; }

.login-seek .goTop { display: inline-block; width: 55px; height: 55px; background: url("../images/gotop.png") no-repeat center; -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; margin: 0 6px; }

@media screen and (max-width: 1366px) { .container { margin: 0 auto; max-width: 1200px; }
  .header .logo { width: 150px; }
  .header .btn .btn-a .anBtn { width: 60px; height: 30px; line-height: 30px; }
  .header .btn .btn-a ul { top: 30px; }
  .box-padding { padding-top: 40px; padding-bottom: 60px; }
  /* .header.login .container{ max-width: 1080px; margin:0 auto; } */
  .content-btn span { font-size: 14px; }
  .consult-box .form .input-text { width: 15.4% !important; margin-left: 0.5% !important; margin-right: 0.5% !important; }
  .consult-box .form .input-text input { width: 105px !important; }
  .index-solution .solution-container { padding-top: 40px; } }

@media screen and (max-width: 1200px) { .header .nav ul li a { padding: 0 12px; } }

@media screen and (max-width: 1024px) { .container.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .container { padding: 0 10px; }
  .container .nav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
  .container .nav ul li a { white-space: nowrap; }
  .container .btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
  .login-seek { right: 10px; }
  .login-seek .consul { width: 60px; padding-top: 74px; }
  .login-seek .consul span { width: 48px; font-size: 14px; padding: 5px 0; }
  .login-seek .goTop { width: 48px; height: 48px; }
  .footer .top .c dl { width: auto; padding-right: 5%; }
  .consult-box .form .input-text { width: 48.5% !important; } }

@media screen and (max-width: 960px) { .header .container { position: static; }
  .header .nav { display: none; position: fixed; z-index: 11; top: 80px; left: 0; width: 100%; height: auto; background: #17192f; overflow-y: scroll; }
  .header .nav .cur { display: none; }
  .header .nav ul { display: block; }
  .header .nav ul li { width: 100% !important; height: auto !important; float: none; }
  .header .nav ul li .nav-child-list { width: 100% !important; left: inherit !important; }
  .header .btn { display: none; }
  .header .mobile-btn { display: block; }
  .header .nav ul { width: 90%; padding: 0 5%; }
  .header .nav ul li { text-align: left; }
  .header .nav ul li a.f { width: auto; height: 60px; font-size: 18px; }
  .header .nav ul li .nav-child-list { position: inherit; top: inherit; left: inherit; }
  .header .nav ul li .nav-child-list .nav-child-list-con { padding: 0; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl { width: 90%; margin: 0 5%; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dt { float: left; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dd { float: left; margin-left: 10px; }
  .header .nav ul li .nav-child-list .nav-child-list-con dl dt a { font-size: 16px; } }

@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 0) { .header .nav ul li:hover { border: none; } }

@media screen and (max-width: 768px) { .footer .top { padding-top: 10%; padding-bottom: 0; }
  .footer .top .line { display: none; }
  .footer .top .l { width: 100%; float: none; padding-bottom: 5%; overflow: hidden; }
  .footer .top .l .item { width: 50%; float: left; padding-bottom: 0; }
  .footer .top .c { display: none; width: 100%; float: none; padding-bottom: 5%; }
  .footer .top .c dl { width: 19%; padding-right: 0; }
  .footer .top .r { width: 100%; float: none; text-align: center; }
  .footer .top .r .qrcode .wechat-qrcode, .footer .top .r .qrcode .weibo-qrcode { margin: 0 5%; } }

@media screen and (max-width: 640px) { .content-btn:hover { border: 1px solid #00c3ff; background: none; }
  .content-btn:hover span { color: #00c3ff; }
  .consult-box .form { width: 100% !important; }
  .consult-box .form .input-text { width: 99% !important; }
  .consult-box .content-btn { width: 98.5% !important; margin: 30px 0.5% 0 !important; }
  .box-padding { padding-top: 10%; padding-bottom: 15%; }
  .header { height: 60px; }
  .header .mobile-btn { margin-top: 10px; }
  .header .logo { height: 60px; }
  .header .logo img { width: 70%; }
  .header .nav { top: 60px; }
  .header .nav ul li a.f { font-size: 16px; height: 40px; }
  .footer .top .l { text-align: center; }
  .footer .top .l .item { display: inline-block; padding-bottom: 10%; }
  .footer .top .l .item .icon { width: 100%; display: block; }
  .footer .top .l .item .text { padding-top: 10%; padding-left: 0; }
  .footer .top .c dl { width: 100%; padding-bottom: 5%; }
  .footer .top .c dl dt { padding-bottom: 2%; }
  .footer .top .c dl dd { float: left; padding-right: 10px; } }

@media screen and (max-width: 480px) { .member-bg .login-data-wrap .login-Signin, .member-bg .login-data-wrap .Login-pass, .member-bg .login-data-wrap .login-Verification { width: 270px; padding: 20px 20px 30px; }
  .member-bg .login-data-wrap .login-Signin .Login-pass-form p .yzm, .member-bg .login-data-wrap .Login-pass .Login-pass-form p .yzm, .member-bg .login-data-wrap .login-Verification .Login-pass-form p .yzm { width: 63%; }
  .member-bg .login-data-wrap .login-data-con { width: 270px; padding: 20px 20px 30px; }
  .member-bg .login-data-wrap .login-data-con h2 { padding-bottom: 20px; }
  .member-bg .login-data-wrap .login-data-con .login-data-form { margin-top: 20px; }
  .member-bg .login-data-wrap .login-data-con .login-data-form p { margin-bottom: 20px; }
  .member-bg .login-data-wrap .login-data-con .login-data-form p .log-hd-int { height: 34px; line-height: 34px; font-size: 14px; text-indent: 8px; }
  .member-bg .login-data-wrap .login-data-con .login-data-form p .log-yzm { width: 54%; height: 34px; line-height: 34px; text-indent: 8px; }
  .member-bg .login-data-wrap .login-data-con .login-data-form p img { width: 78px; height: auto; }
  .member-bg .login-data-wrap .login-data-con .log-register-btn { margin-top: 20px; }
  .member-bg .login-data-wrap .login-data-con .log-register-btn input { height: 40px; line-height: 40px; font-size: 14px; } }

.pagination { text-align: center; }

.pagination a { text-decoration: none; }

.pagination a:hover { background: #22C4FC; color: #fff; }

.pagination a, .pagination span { display: inline-block; margin: 0px 5px; padding: 0px 12px; height: 36px; line-height: 36px; min-width: 36px; text-align: center; color: #999999; background-color: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-selection: none; }

.pagination .current { background: #22C4FC; color: #fff; }

.pagination .current.prev, .pagination .current.next { color: #999; background: #f7f7f7; }